<template>
  <router-view />
</template>
<script>
import io from 'socket.io-client';

export default {
  name: 'AppVue',
  mounted() {
    console.log('abc');
    // 链接
    const sc = io('http://127.0.0.1:3030');

    sc.on('connect', () => {
      console.log('scccc', sc);
    });

    sc.on('abc', (res) => {
      console.log('res', res);
    });
    sc.on('reconnect', () => {
      console.log('链接成功111');
    });
    console.log('链接的结果');
  },
};
</script>

<style lang="scss">
// lang确定样式的预编译处理器 app.vue 根实例 是一个全程存在的组件 所以这里的样式会是全局样式
html {
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
}
#app {
  height: 100%;
}
</style>
